<!DOCTYPE html>
<html>
<head>
    <title>user Homepage</title>
    <link href="css/user_l.css" rel="stylesheet" type="text/css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(document).ready(function () {

            $(".slidingDiv1").hide();
            $(".show_hide1").show();

            $(".slidingDiv2").hide();
            $(".show_hide2").show();

            $('.show_hide1').click(function () {
                $(".slidingDiv2").hide();
                $(".slidingDiv1").slideToggle();
            });
            $('.show_hide2').click(function () {
                $(".slidingDiv1").hide();
                $(".slidingDiv2").slideToggle();
            });

        });

    </script>

</head>
<body>
<div id="main">
<div id="body_layout">
    <div class="logo">
        <h1><a href="#"><span>Website</span>Name
            <small>Simple web template</small>

        </a></h1>
        city
    </div>
    <div id="content">
        <div id="user_stats">
            <strong>&nbsp;&nbsp;Welcome [username will be displayed here]! &nbsp;&nbsp; Last login: sample date 10-23-2012 12-Feb-2012
            &nbsp;&nbsp;<button>logout</button></strong>


        </div>
        <div id="usr_registration">


            <a href="#" class="show_hide1">Register Hospital</a>
            <a href="#" class="show_hide2">Register Doctor</a>

            <div class="slidingDiv1">
                Fill this space with really interesting content. <a href="#" class="show_hide4">hide</a></div>
            <div class="slidingDiv2">
                Fill this space with really interesting content. <a href="#" class="show_hide5">hide</a></div>
        </div>
    </div>
    <div id="hospital_s_result">
        <h1>returned results will be here</h1>

        <h1>returned results will be here</h1>

        <h1>returned results will be here</h1>

        <h1>returned results will be here</h1>

        <h1>returned results will be here</h1>
    </div>
</div>
</div>
</div>
</body>
</html>